<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    template="/WEB-INF/templates/baseLayout.xhtml">

	<ui:define name="title">
		<h:outputText value="DAMATE - #{msg['TabPanel.home']}" />
	</ui:define>

    <ui:define name="home">
        <h:panelGrid styleClass="mainPageLeads" columns="3" columnClasses="lead,lead,lead" cellspacing="20">
            <h:panelGroup>
                <div class="leadContent">
                    <h:graphicImage library="images" name="homePageLeads/settings-48.png" />
                    <h3 class="title">#{msg['TabPanel.administration']}</h3>
                    <h:outputText styleClass="summary" value="#{msg['mainPage.administration.lead']}" />
                    <div class="button"><p:commandButton value="Go" onclick="selectTab('administration');return false;" /></div>
                </div>
            </h:panelGroup>
            <h:panelGroup>
                <div class="leadContent">
                    <h:graphicImage library="images" name="homePageLeads/manager-48.png" />
                    <h3 class="title">#{msg['TabPanel.manager']}</h3>
                    <h:outputText styleClass="summary" value="#{msg['mainPage.manager.lead']}" />
                    <div class="button"><p:commandButton value="Go" onclick="selectTab('manager');return false;" /></div>
                </div>
            </h:panelGroup>
            <h:panelGroup>
                <div class="leadContent">
                    <h:graphicImage library="images" name="homePageLeads/database-48.png" />
                    <h3 class="title">#{msg['TabPanel.resources']}</h3>
                    <h:outputText styleClass="summary" value="#{msg['mainPage.resources.lead']}" />
                    <div class="button"><p:commandButton value="Go" onclick="selectTab('resources');return false;" /></div>
                </div>
            </h:panelGroup>
            <h:panelGroup>
                <div class="leadContent">
                    <h:graphicImage library="images" name="homePageLeads/diagram-48.png" />
                    <h3 class="title">#{msg['TabPanel.diagrams']}</h3>
                    <h:outputText styleClass="summary" value="#{msg['mainPage.diagrams.lead']}" />
                    <div class="button"><p:commandButton value="Go" onclick="selectTab('diagrams');return false;" /></div>
                </div>
            </h:panelGroup>
            <h:panelGroup>
                <div class="leadContent">
                    <h:graphicImage library="images" name="homePageLeads/report-48.png" />
                    <h3 class="title">#{msg['TabPanel.reports']}</h3>
                    <h:outputText styleClass="summary" value="#{msg['mainPage.reports.lead']}" />
                    <div class="button"><p:commandButton value="Go" onclick="selectTab('reports');return false;" /></div>
                </div>
            </h:panelGroup>
            <h:panelGroup>
                <div class="leadContent">
                    <h:graphicImage library="images" name="homePageLeads/user-48.png" />
                    <h3 class="title">#{msg['TabPanel.accountSettings']}</h3>
                    <h:outputText styleClass="summary" value="#{msg['mainPage.accountSettings.lead']}" />
                    <div class="button"><p:commandButton value="Go" onclick="selectTab('account');return false;" /></div>
                </div>
            </h:panelGroup>
        </h:panelGrid>
	</ui:define>

    <ui:define name="onAfterPageLoad">
        <script type="text/javascript" language="JavaScript">
            $(document).ready(function (){
                selectTab("home");
            });
        </script>
    </ui:define>
</ui:composition>
